<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>

                <h:form id="formDeposito">
                    <p:panel id="pnlDepositos" header="Nuevo Deposito"
                             style="width:100%;margin: 0px auto;">
                        <p:panelGrid id="pnlPrincipal" style="width:70%;margin: 0px auto">

                            <p:row>
                                <p:column colspan="6">

                                    <p:fieldset legend="Deposito Bancario" toggleable="true"
                                                toggleSpeed="500">
                                        <p:panelGrid style="width:100%;margin: 0px auto;">

                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblFecha" value="FECHA(*): " class="lblForm"/>
                                                </p:column>
                                                <p:column>
                                                    <p:calendar id="calendarFecha" 
                                                                value="#{BKVentaDeposito.ventaDepositoFormulario.fecha}"
                                                                pattern="dd/MM/yyyy" size="13"
                                                                showButtonPanel="true" navigator="true"
                                                                showOn="button" required="true" locale="es"
                                                                />
                                                    <p:message for="calendarFecha" display="text" />
                                                </p:column>


                                            </p:row>


                                            <p:row>

                                                <p:column>
                                                    <h:outputLabel id="lblEmpresa" class="lblForm"
                                                                   value="EMPRESA: " />
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu id="cbxEmpresa" rendered="false"
                                                                     value="#{BKVentaDeposito.idEmpresa}"
                                                                     required="false">
                                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                                        <f:selectItems value="#{BKVentaDeposito.listaEmpresa}"
                                                                       var="empresa" itemLabel="#{empresa.razonSocial}"
                                                                       itemValue="#{empresa.id}" />

                                                    </p:selectOneMenu>
                                                    <h:outputText value="#{BKVentaDeposito.idEmpresa.razonSocial}" />
                                                </p:column>



                                            </p:row>

                                            <p:row>

                                                <p:column>
                                                    <h:outputLabel id="lblBanco" class="lblForm"
                                                                   value="BANCO" />
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu id="cbxBanco" 
                                                                     value="#{BKVentaDeposito.idBanco}" >
                                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                                        <f:selectItems value="#{BKVentaDeposito.listaBanco}"
                                                                       var="banco" itemLabel="#{banco.nombre}"
                                                                       itemValue="#{banco.id}" />
                                                        <p:ajax listener="#{MBVentaDeposito.cargarCuentas}" process="@this" update="cbxCuenta"/>
                                                    </p:selectOneMenu>
                                                    <p:message for="cbxBanco" display="text" />
                                                </p:column>



                                            </p:row>
                                            <p:row>

                                                <p:column>
                                                    <h:outputLabel id="lblCuenta" class="lblForm"
                                                                   value="NRO CUENTA(*): " />
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu id="cbxCuenta" 
                                                                     value="#{BKVentaDeposito.idCuentaBancaria}"
                                                                     required="true">
                                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                                        <f:selectItems value="#{BKVentaDeposito.listaCuenta}"
                                                                       var="cuenta" itemLabel="#{cuenta.numeroCuenta} (#{cuenta.idTipoMoneda.simbolo})"
                                                                       itemValue="#{cuenta.id}" />
                                                    </p:selectOneMenu>
                                                    <p:message for="cbxCuenta" display="text" />
                                                </p:column>


                                            </p:row>
                                            <p:row>

                                                <p:column>
                                                    <h:outputLabel id="lblNDocumento" class="lblForm"
                                                                   value="NRO DOCUMENTO(*):" />
                                                </p:column>
                                                <p:column>
                                                    <p:inputText id="txtNDocumento"  onkeyup="cambiarMayuscula(this)" maxlength="15"
                                                                 value="#{BKVentaDeposito.ventaDepositoFormulario.numdocumento}" required="true"/>
                                                    <p:message for="txtNDocumento" display="text" />
                                                </p:column>


                                            </p:row>
                                            <p:row>

                                                <p:column>
                                                    <h:outputLabel id="lblMonto" class="lblForm"
                                                                   value="MONTO DEPOSITADO(*): " />
                                                </p:column>
                                                <p:column>
                                                    <p:inputText id="txtMonto"  onkeyup="cambiarMayuscula(this)"
                                                                 value="#{BKVentaDeposito.ventaDepositoFormulario.monto}" required="true"
                                                                 validatorMessage="Tiene que ser mayor a cero.">
                                                        <f:validateDoubleRange minimum="0.01" />
                                                    </p:inputText>
                                                    <p:message for="txtMonto" display="text" />
                                                </p:column>


                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblObservacion" value="OBSERVACION: " class="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:inputTextarea rows="5" cols="70" counter="counter"
                                                                     onkeyup="cambiarMayuscula(this)" maxlength="300"
                                                                     counterTemplate="{0} caracteres restantes."
                                                                     autoResize="false" value="#{BKVentaDeposito.ventaDepositoFormulario.observacion}" />
                                                    <br />
                                                    <h:outputText id="counter" />
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblAdjuntar" value="IMAGEN: " class="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:fileUpload fileUploadListener="#{MBVentaDeposito.handleFileUpload}"  
                                                                  mode="advanced" 
                                                                  update="messagesLogo"  id="doc"
                                                                  auto="true"  
                                                                  sizeLimit="900000"   
                                                                  allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>
                                                    <p:growl id="messagesLogo" showDetail="true" autoUpdate="false" for="doc"/> 
                                                </p:column>
                                            </p:row>


                                        </p:panelGrid>
                                    </p:fieldset>
                                </p:column>
                            </p:row>


                        </p:panelGrid>

                        <p:panelGrid style="width:40%;margin: 10px auto;">

                            <p:row>
                                <p:column>
                                    <p:commandButton id="btnGuardarDeposito"
                                                     action="#{MBVentaDeposito.guardar()}" ajax="false"
                                                     value="Guardar" />
                                </p:column>


                                <p:column>
                                    <p:button
                                        href="/paginas/ventas/depositosBancos/listarDepositos.anx"
                                        value="Cancelar" />
                                </p:column>
                            </p:row>

                        </p:panelGrid>

                        <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>

                    </p:panel>

                    <p:blockUI block="formDeposito" trigger="btnGuardarDeposito">
                        Guardando apertura Caja<br />
                        <p:graphicImage value="/images/ajax-loader.gif" />
                    </p:blockUI>

                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>


</html>
